<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
</head>

<body style="margin: auto;width: 100%;">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="height:400px; width:800px;"></div>
<script src="js/echarts-all.js"></script>
<!--<script src="js/params.js"></script>-->
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts图表
    var myChart = echarts.init(document.getElementById('main'));

    var option = {
        title : {
            text: '创业培训统计报表'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['免培申请','免培通过','免培不通过','免培撤销']
        },
        toolbox: {
            show : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'免培申请',
                type:'line',
                tiled: '总量',
                data:[600, 830, 700, 134, 90, 230, 210]
            },
            {
                name:'免培通过',
                type:'line',
                tiled: '总量',
                data:[300, 230, 230, 234, 290, 330, 310]
            },
            {
                name:'免培不通过',
                type:'line',
                tiled: '总量',
                data:[200, 150, 170, 154, 190, 330, 410]
            },
            {
                name:'免培撤销',
                type:'line',
                tiled: '总量',
                data:[100, 450, 300, 334, 390, 330, 320]
            }
        ]
    };

    // 为echarts对象加载数据
    myChart.setOption(option);
</script>
</body>